@import "./mixin";
@import"./cssreset";

#layout_bg {
    width: 100%;
    height: 475px;
    background-image: url(https://www.7hua.com/Tpl/2016skin/Public/images/userlogin_bg.jpg);
    background-position: center;

    .center {
        // background-color: gold;
        width: 1200px;
        height: 475px;
        margin: 0 auto;

        .loginDiv {
            background-color: #fff;
            width: 500px;
            height: 350px;
            float: right;
            margin-top: 60px;
            margin-right: 20px;

            .login_left {
                width: 350px;
                float: left;

                // 顶部登录方式的选择
                .login_way {
                    height: 35px;
                    width: 280px;
                    margin: 0 auto;
                    font-size: 13px;
                    margin-top: 25px;

                    .way {
                        cursor: pointer;
                        height: 35px;
                        line-height: 35px;
                        background-color: #eee;
                        width: 50%;
                        float: left;
                        text-align: center;
                        color: #555;
                    }

                    .active {
                        color: #fff;
                        background-color: #F25454;
                        // cursor: pointer;
                        // height: 35px;
                        // line-height: 35px;
                        // width: 50%;
                        // float: left;
                        // text-align: center;
                    }
                }

                // 手机号+短信表单
                form{
                    display: none;
                }
                // see表单可见
                .see {
                    display: block;
                    ul {
                        width: 280px;
                        margin: 0 auto;

                        li {
                            width: 278px;
                            height: 36px;
                            border: 1px #ddd solid;
                            margin-top: 13px;

                            .icon1 {
                                background: url(https://www.7hua.com/Tpl/2016skin/Public/images/pwd-icons-new.png);
                                width: 36px;
                                height: 36px;
                                background-position: -48px 0;
                                float: left;
                            }

                            .icon2 {
                                background: url(https://www.7hua.com/Tpl/2016skin/Public/images/pwd-icons-new.png);
                                width: 36px;
                                height: 36px;
                                background-position: 0px 0;
                                float: left;
                            }

                            .icon3 {
                                background: url(https://www.7hua.com/Tpl/2016skin/Public/images/pwd-icons-new.png);
                                width: 36px;
                                height: 36px;
                                background-position: -48px 0;
                                float: left;
                            }

                            input {
                                width: 180px;
                                float: left;
                                margin-top: 10px;
                                
                            }
                            img{
                                margin-top: 8px;
                            }
                        }
                    }
                }

                // 免登陆对钩和忘记密码？
                .login_check {
                    width: 280px;
                    margin: 0 auto;
                    line-height: 40px;
                    color: #555;
                    font-size: 12px;
                    clear: both;

                    .check_left {
                        line-height: 40px;
                        color: #555;
                        font-size: 12px;
                        float: left;

                        input[type="checkbox"i] {
                            background-color: initial;
                            cursor: default;
                            appearance: auto;
                            box-sizing: border-box;
                            margin: 3px 3px 3px 4px;
                            padding: initial;
                            border: initial;
                            width: 25px;
                        }
                    }

                    .check_right {
                        float: right;
                    }
                }

                // 登录按钮
                .login_buttom {
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    background-color: #F25454;
                    color: #fff;
                    clear: both;
                    width: 280px;
                    margin: 0px auto;
                    cursor: pointer;
                }

                // 注册链接
                .logon {
                    width: 280px;
                    margin: 0px auto;
                    line-height: 40px;
                    color: #555;
                    font-size: 15px;
                    clear: both;

                    a {
                        color: red;
                    }
                }
            }

            .login_right {
                width: 149px;
                border-left: 1px #eee solid;
                float: right;
                text-align: center;
                font-size: 12px;
                padding: 15px 0px;

                img {
                    width: 120px;
                }
            }
        }
    }
}